<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="wrapper_header">
    <div class="header">
        <div class="header_left">
        <img src="images/rentnest.gif" width="100" height="24" />
        </div>
        <div class="header_center">
        <img src="images/logo.gif" width="43" height="43" />
        </div>
        <div class="header_right">
        	<ul>
            	<li><a href="#" class="sign_link">SIGN IN</a></li>
                <li><a href="#" class="sign_link">SIGN UP</a></li>
            </ul>
        </div>
        <br clear="left" />
    </div>
</div>

<div class="wrapper_nav">
    <div class="nav">
        <ul>
            <li><a href="#">FILTERS</a></li>
            <li><a href="#" class="nav_grid">GRID</a></li>
            <li><a href="#" class="nav_list">LIST</a></li>
            <li><a href="#" class="nav_map">MAP</a></li>
            <li><a href="#" class="nav_price">PRICE</a></li>
            <li><a href="#">BEDS</a></li>
            <li><a href="#">NEIGHBORHOODS</a></li>
            <li><a href="#">REBATE</a></li>
        </ul>
        <br clear="left" />
    </div>
</div>

<div class="container">
    <div class="container_left">
    	<div class="item">
        	<div class="item_box">
                <div class="arrow-left"><a href="#"><img src="images/arrow-left.png" width="26" height="26" /></a></div>
                <div class="arrow-right"><a href="#"><img src="images/arrow-right.png" width="26" height="26" /></a></div>
                <div><img src="images/item_img1.jpg" width="293" height="205" /></div>
            </div>
            
            <div class="item_box">
            	<div class="rebatebox">REBATE<br /><SUP>$</SUP><span class="itemprice">380</span></div>
                <div class="rentbox">
                	RENT<br /><SUP>$</SUP><span class="itemprice">3750</span>/MO.
                    <div class="iconclose"><a href="#"><img src="images/iconadd.png" width="15" height="15" /></a></div>
                </div>
                
                <div class="prodetail">
                	<div class="prodetailcont">1500 N.WELLS ST.<br />OLD TOWN</div>				
                    <div>
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0" class="prodetailtable">
                          <tr>
                            <th>BED</th>
                            <th>BATE</th>
                            <th>AVAILABLE</th>
                            <th>DEPOSIT</th>
                          </tr>
                          <tr>
                            <td>3</td>
                            <td>2</td>
                            <td>11.31.12</td>
                            <td>$3750</td>
                          </tr>
                        </table>
                    </div>
                </div>
                
            </div>
            
        <div class="item_box item_box_bg">
            	<div>
                	<table width="100%" border="0" cellspacing="10" cellpadding="0">
                      <tr>
                        <td><div class="comment">05</div></td>
                        <td><div class="star"><img src="images/staractive.gif" width="14" height="13" /><img src="images/staractive.gif" width="14" height="13" /><img src="images/staractive.gif" width="14" height="13" /><img src="images/starwithe.gif" width="14" height="13" /><img src="images/starwithe.gif" width="14" height="13" /></div></td>
                        <td><a href="#"><img src="images/iconclose.gif" width="12" height="12" /></a></td>
                      </tr>
                    </table>

                  </div>
                  
                  <div class="commentcont">"Lived here for 3 years and didn't have a single problem with the apartment."</div>
                  <div class="aptfeatures">
                  	 APT.FEATURES<br />
                  	 <a href="#">Beds</a>
                  	 <a href="#">Baths</a>
                  	 <a href="#">Rebate</a>
                  </div>
          </div>
            <br clear="left" />
        </div>
        <div class="item">
        	<div class="item_box">
                <div class="arrow-left"><a href="#"><img src="images/arrow-left.png" width="26" height="26" /></a></div>
                <div class="arrow-right"><a href="#"><img src="images/arrow-right.png" width="26" height="26" /></a></div>
                <div><img src="images/item_img1.jpg" width="293" height="205" /></div>
            </div>
            
            <div class="item_box">
            	<div class="rebatebox">REBATE<br /><SUP>$</SUP><span class="itemprice">380</span></div>
                <div class="rentbox">
                	RENT<br /><SUP>$</SUP><span class="itemprice">3750</span>/MO.
                    <div class="iconclose"><a href="#"><img src="images/iconadd.png" width="15" height="15" /></a></div>
                </div>
                
                <div class="prodetail">
                	<div class="prodetailcont">1500 N.WELLS ST.<br />OLD TOWN</div>				
                    <div>
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0" class="prodetailtable">
                          <tr>
                            <th>BED</th>
                            <th>BATE</th>
                            <th>AVAILABLE</th>
                            <th>DEPOSIT</th>
                          </tr>
                          <tr>
                            <td>3</td>
                            <td>2</td>
                            <td>11.31.12</td>
                            <td>$3750</td>
                          </tr>
                        </table>
                    </div>
                </div>
                
            </div>
            
        <div class="item_box item_box_bg">
            	<div>
                	<table width="100%" border="0" cellspacing="10" cellpadding="0">
                      <tr>
                        <td><div class="comment">05</div></td>
                        <td><div class="star"><img src="images/staractive.gif" width="14" height="13" /><img src="images/staractive.gif" width="14" height="13" /><img src="images/staractive.gif" width="14" height="13" /><img src="images/starwithe.gif" width="14" height="13" /><img src="images/starwithe.gif" width="14" height="13" /></div></td>
                        <td><a href="#"><img src="images/iconclose.gif" width="12" height="12" /></a></td>
                      </tr>
                    </table>

                  </div>
                  
                  <div class="commentcont">"Lived here for 3 years and didn't have a single problem with the apartment."</div>
                  <div class="aptfeatures">
                  	 APT.FEATURES<br />
                  	 <a href="#">Beds</a>
                  	 <a href="#">Baths</a>
                  	 <a href="#">Rebate</a>
                  </div>
          </div>
            <br clear="left" />
        </div>
        <div class="item">
        	<div class="item_box">
                <div class="arrow-left"><a href="#"><img src="images/arrow-left.png" width="26" height="26" /></a></div>
                <div class="arrow-right"><a href="#"><img src="images/arrow-right.png" width="26" height="26" /></a></div>
                <div><img src="images/item_img1.jpg" width="293" height="205" /></div>
            </div>
            
            <div class="item_box">
            	<div class="rebatebox">REBATE<br /><SUP>$</SUP><span class="itemprice">380</span></div>
                <div class="rentbox">
                	RENT<br /><SUP>$</SUP><span class="itemprice">3750</span>/MO.
                    <div class="iconclose"><a href="#"><img src="images/iconadd.png" width="15" height="15" /></a></div>
                </div>
                
                <div class="prodetail">
                	<div class="prodetailcont">1500 N.WELLS ST.<br />OLD TOWN</div>				
                    <div>
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0" class="prodetailtable">
                          <tr>
                            <th>BED</th>
                            <th>BATE</th>
                            <th>AVAILABLE</th>
                            <th>DEPOSIT</th>
                          </tr>
                          <tr>
                            <td>3</td>
                            <td>2</td>
                            <td>11.31.12</td>
                            <td>$3750</td>
                          </tr>
                        </table>
                    </div>
                </div>
                
            </div>
            
        <div class="item_box item_box_bg">
            	<div>
                	<table width="100%" border="0" cellspacing="10" cellpadding="0">
                      <tr>
                        <td><div class="comment">05</div></td>
                        <td><div class="star"><img src="images/staractive.gif" width="14" height="13" /><img src="images/staractive.gif" width="14" height="13" /><img src="images/staractive.gif" width="14" height="13" /><img src="images/starwithe.gif" width="14" height="13" /><img src="images/starwithe.gif" width="14" height="13" /></div></td>
                        <td><a href="#"><img src="images/iconclose.gif" width="12" height="12" /></a></td>
                      </tr>
                    </table>

                  </div>
                  
                  <div class="commentcont">"Lived here for 3 years and didn't have a single problem with the apartment."</div>
                  <div class="aptfeatures">
                  	 APT.FEATURES<br />
                  	 <a href="#">Beds</a>
                  	 <a href="#">Baths</a>
                  	 <a href="#">Rebate</a>
                  </div>
          </div>
            <br clear="left" />
        </div>
        <div class="item">
        	<div class="item_box">
                <div class="arrow-left"><a href="#"><img src="images/arrow-left.png" width="26" height="26" /></a></div>
                <div class="arrow-right"><a href="#"><img src="images/arrow-right.png" width="26" height="26" /></a></div>
                <div><img src="images/item_img1.jpg" width="293" height="205" /></div>
            </div>
            
            <div class="item_box">
            	<div class="rebatebox">REBATE<br /><SUP>$</SUP><span class="itemprice">380</span></div>
                <div class="rentbox">
                	RENT<br /><SUP>$</SUP><span class="itemprice">3750</span>/MO.
                    <div class="iconclose"><a href="#"><img src="images/iconadd.png" width="15" height="15" /></a></div>
                </div>
                
                <div class="prodetail">
                	<div class="prodetailcont">1500 N.WELLS ST.<br />OLD TOWN</div>				
                    <div>
                    	<table width="100%" border="0" cellspacing="0" cellpadding="0" class="prodetailtable">
                          <tr>
                            <th>BED</th>
                            <th>BATE</th>
                            <th>AVAILABLE</th>
                            <th>DEPOSIT</th>
                          </tr>
                          <tr>
                            <td>3</td>
                            <td>2</td>
                            <td>11.31.12</td>
                            <td>$3750</td>
                          </tr>
                        </table>
                    </div>
                </div>
                
            </div>
            
        <div class="item_box item_box_bg">
            	<div>
                	<table width="100%" border="0" cellspacing="10" cellpadding="0">
                      <tr>
                        <td><div class="comment">05</div></td>
                        <td><div class="star"><img src="images/staractive.gif" width="14" height="13" /><img src="images/staractive.gif" width="14" height="13" /><img src="images/staractive.gif" width="14" height="13" /><img src="images/starwithe.gif" width="14" height="13" /><img src="images/starwithe.gif" width="14" height="13" /></div></td>
                        <td><a href="#"><img src="images/iconclose.gif" width="12" height="12" /></a></td>
                      </tr>
                    </table>

                  </div>
                  
                  <div class="commentcont">"Lived here for 3 years and didn't have a single problem with the apartment."</div>
                  <div class="aptfeatures">
                  	 APT.FEATURES<br />
                  	 <a href="#">Beds</a>
                  	 <a href="#">Baths</a>
                  	 <a href="#">Rebate</a>
                  </div>
          </div>
            <br clear="left" />
        </div>
    </div>
    
    <div class="container_right">
    	<div class="rightbox thebasics">
        	<div class="righttitle">
            	<span><a href="#"><img src="images/icondown2.gif" width="13" height="13" /></a></span>
                THE BASICS
            </div>
            <div class="rightcont">
            	<div class="bedrooms">BED ROOMS</div>
                <div><img src="images/slideimg.gif" width="176" height="32" /></div>
                <div class="bedrooms">BATH ROOMS</div>
                <div><img src="images/slideimg.gif" width="176" height="32" /></div>
                <div class="bedrooms">RENT</div>
                <div><img src="images/slideimg.gif" width="176" height="32" /></div>
            </div>
        </div>
        <div class="rightbox">
        	<div class="righttitle">
            	<span><a href="#"><img src="images/iconup.gif" width="13" height="13" /></a></span>
                MUST HAVES
            </div>
         </div>
         <div class="rightbox">
        	<div class="righttitle">
            	<span><a href="#"><img src="images/iconup.gif" width="13" height="13" /></a></span>
                NICE TO HAVES
            </div>
         </div>
         
         <div class="westloop">
         	<div class="righttitle2"><span><a href="#"><img src="images/rightclose.png" width="13" height="12" /></a></span>WEST LOOP</div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="prodetailtable">
              <tr>
                <th>AVG.REBATE</th>
                <th># OF LISTINGS</th>
              </tr>
              <tr>
                <td class="itemprice2"><sup>$</sup>275</td>
                <td class="itemprice2">25</td>
              </tr>
            </table>
         </div>
         <div class="westloop">
         	<div class="righttitle2"><span><a href="#"><img src="images/rightclose.png" width="13" height="12" /></a></span>OLD TOWN</div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="prodetailtable">
              <tr>
                <th>AVG.REBATE</th>
                <th># OF LISTINGS</th>
              </tr>
              <tr>
                <td class="itemprice2"><sup>$</sup>325</td>
                <td class="itemprice2">15</td>
              </tr>
            </table>
         </div>
         <div class="lakeview">
         	<div class="righttitle2"><span><a href="#"><img src="images/rightclose.png" width="13" height="12" /></a></span>LAKE VIEW</div>
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="prodetailtable">
              <tr>
                <th>AVG.REBATE</th>
                <th># OF LISTINGS</th>
              </tr>
              <tr>
                <td class="itemprice2"><sup>$</sup>300</td>
                <td class="itemprice2">26</td>
              </tr>
            </table>
         </div>
         
    </div>
    <br clear="left" />
</div>

</body>
</html>
